<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui"

      xmlns:f="http://xmlns.jcp.org/jsf/core">

    <body>

        <ui:composition template="/template/templateAdminProducto.xhtml">
            <ui:define name="title">Nuevo</ui:define>
            <ui:define name="descripcionHeader">
                <i class="fa fa-cubes"/> Manager
                <small>Nuevo Ingrediente</small>
            </ui:define>
            <ui:define name="breadcrumbHeader">

                <li class="active">Nuevo Ingrediente</li>

            </ui:define>
            <ui:define name="content">
                <h:form id="IngredienteCreateForm">

                    <div class="row">

                        <div class="col-lg-12">

                            <div class="panel panel-info">
                                <div class="panel-heading" >
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="panel-title pull-left">
                                                <i class="fa fa-plus" style="font-size: 8px;"/> <i class="fa fa-flask"/> Nuevo Ingrediente
                                            </div>

                                        </div>

                                    </div>
                                </div>

                                <div class="panel-body">

                                    <p:wizard id="wizard" widgetVar="wiz"
                                              flowListener="#{ingredienteController.onFlowProcess}"

                                              backLabel="Atrás" nextLabel="Siguiente">

                                        <p:tab id="paso1" title="Paso1">
                                            <p:panel header="General">
                                                <h:panelGrid columns="3" cellpadding="3">

                                                    <p:outputLabel for="descr" style="font-weight: normal" value="Nombre: "/>
                                                    <p:inputText id="descr" value="#{ingredienteController.selected.nombre}" required="true"/>
                                                    <p:message for="descr" />
 
                                                    <p:outputLabel for="stock" style="font-weight: normal" value="Stock: "/>
                                                    <p:spinner id="stock" value="#{ingredienteController.selected.currentStock}" size="18" min="0" placeholder="0"/>
                                                    <p:message for="stock" />
                                                    
                                                    
                                                    <p:outputLabel for="costo" style="font-weight: normal" value="Precio : "/> 
                                                    <p:spinner id="costo" value="#{ingredienteController.selected.costo}" size="18" stepFactor="100" prefix="$" min="0" placeholder="$0" />
                                                    <p:message for="costo" />
                                                  
                                                    <p:outputLabel for="cuota" style="font-weight: normal" value="Unidad: "/>
                                                    <p:selectOneMenu id="cuota"  value="#{ingredienteController.selected.unidades}" style="width: 205px" required="true" >
                                                        <f:selectItem itemLabel="Seleccionar..."/>
                                                        <f:selectItem itemLabel="Unidades"   itemValue="Unidades" />
                                                        <f:selectItem itemLabel="Kilos" itemValue="Kilos" />
                                                        <f:selectItem itemLabel="Litros" itemValue="Litros" />
                                                    </p:selectOneMenu>
                                                    <p:message for="cuota" />
                                                  
                                                </h:panelGrid>  

                                            </p:panel>  
                                            <br/>
                                        </p:tab>    
                                        <p:tab id="paso2" title="Paso2">
                                            <p:panel header="Control de Stock">
                                                <h:panelGrid columns="2" cellpadding="3" >
                                                    <p:outputLabel style="font-weight: normal" for="stockMin" value="Stock mínimo: "/>
                                                    <p:inputText id="stockMin" value="#{ingredienteController.selected.stockMin}"/>

                                                    <p:outputLabel for="stockIdeal" style="font-weight: normal" value="Stock ideal: "/>
                                                    <p:inputText id="stockIdeal" value="#{ingredienteController.selected.stockIdeal}"/>



                                                </h:panelGrid>  
                                            </p:panel>
                                            <br/>
                                        </p:tab>   

                                        <p:tab id="resumen" title="Resumen">
                                            <p:panel header="">
                                                <h:panelGrid columns="2" cellpadding="3" >
                                                    <h:outputLabel value="Nombre: "/> 
                                                    <h:outputLabel style="font-weight: normal!important;" value="#{ingredienteController.selected.nombre}"/>
                                                    <h:outputLabel value="Costo $: "/> 
                                                    <h:outputLabel style="font-weight: normal!important;" value="#{ingredienteController.selected.costo}"/>
                                                    <h:outputLabel value="Stock : "/> 
                                                    <h:outputLabel style="font-weight: normal!important;" value="#{ingredienteController.selected.currentStock}"/>
                                                    <h:outputLabel value="Unidad de medida de compra: "/> 
                                                    <h:outputLabel style="font-weight: normal!important;" value="#{ingredienteController.selected.UMedidaCompra}"/>
                                                    <h:outputLabel value="Unidad de medida de consumo: "/> 
                                                    <h:outputLabel style="font-weight: normal!important;" value="#{ingredienteController.selected.UMedida}"/>
                                                    <h:outputLabel value="Equivalencia entre unidades: "/> 
                                                    <h:outputLabel style="font-weight: normal!important;" value="#{ingredienteController.selected.conversionMedida}"/>
                                                    <h:outputLabel value="Stock mínimo: "/> 
                                                    <h:outputLabel style="font-weight: normal!important;" value="#{ingredienteController.selected.stockMin}"/>
                                                    <h:outputLabel value="Stock ideal: "/> 
                                                    <h:outputLabel style="font-weight: normal!important;" value="#{ingredienteController.selected.stockIdeal}"/>




                                                </h:panelGrid>  
                                            </p:panel>
                                            <br/>
                                        </p:tab>   


                                    </p:wizard>   





                                </div>



                            </div>

                        </div>

                    </div>

                </h:form>    

            </ui:define>

        </ui:composition>

    </body>
</html>